<HTML>
<HEAD>
<TITLE>Arrays and Images</TITLE>
</HEAD>
<BODY>
<FORM NAME="myForm">
<SELECT NAME="mySelect" onChange="switchTest();document.myForm.mySelect.selectedIndex=0;">
<OPTION>اختر من القائمة</OPTION>
<OPTION>منضدة</OPTION>
<OPTION>كرسي</OPTION>
<OPTION>فنجان</OPTION>
<OPTION>طاقم أكواب</OPTION>
<OPTION>سخان كهربائي</OPTION>
<OPTION>سخان بالغاز</OPTION>
<OPTION>غسالة</OPTION>
<OPTION>موقد</OPTION>
<OPTION>ثلاجة</OPTION>
<OPTION>تلفاز</OPTION>
<OPTION>هاتف محمول</OPTION>
<OPTION>مكتبة</OPTION>
<OPTION>سرير</OPTION>
<OPTION>ستارة</OPTION>
<OPTION>عطر</OPTION>
<OPTION>صابون</OPTION>
<OPTION>خلاط</OPTION>
<OPTION>سماعات</OPTION>
<OPTION>راديو</OPTION>
<OPTION>تسجيل</OPTION>
<OPTION>فيديو</OPTION>
<OPTION>كمبيوتر</OPTION>
</SELECT>
<TEXTAREA NAME="myText" ROWS="3" COLS="25" onFocus="b1ur();"></TEXTAREA>
</FORM>
<SCRIPT LANGUAGE="JavaScript">
var myPrices = new Array();
myPrices[1]=30.00;
myPrices[2]=140.00;
myPrices[3]=110.00;
myPrices[4]=55.00;
myPrices[5]=40.00;
myPrices[6]=15.00;
myPrices[7]=30.00;
myPrices[8]=90.00;
myPrices[9]=30.00;
myPrices[10]=23.00;
myPrices[11]=60.00;
myPrices[12]=40.00;
myPrices[13]=4.00;
myPrices[14]=5.00;
myPrices[15]=25.00;
myPrices[16]=350.00;
myPrices[17]=350.00;
myPrices[18]=40.00;
myPrices[19]=20.00;
myPrices[20]=50.00;
myPrices[21]=400.00;
myPrices[22]=850.00;

var Item;

function switchTest()
{
	var index = document.myForm.mySelect.selectedIndex;
	Item = document.myForm.mySelect.options[index].text;

	if(index != 0)
	{
		displayProduct(index);
	}
}

function displayProduct(selectedIndex)
{
	document.myImage.src = "images/" + selectedIndex + ".jpg";
	document.myForm.myText.value = "Item:\t" + Item + "\nPrice:\t" + myPrices[selectedIndex];
}
</SCRIPT>
<IMG SRC="images/1.jpg" WIDTH="160" HEIGHT="300" NAME="myImage"> 
</BODY>
</HTML>